import styles from './index.module.less'
import { Slider } from '@terminus/nusi-slim'
import { useProcessMiningEngineStore } from '../../../store'

const ProcessDetails = () => {

  const { filterConfig, setFilterConfig } = useProcessMiningEngineStore()

  return (
    <div className={styles.processDetails}>
      <div className={styles.processDetailsTitle}>流程细节级别</div>
			<div className={styles.processDetailsValue}>{filterConfig?.processDetails || 0}%</div>
			<Slider step={10} value={filterConfig?.processDetails} onChange={(value:any) => setFilterConfig({ ...filterConfig, processDetails: value })} />
    </div>
  )
}

export default ProcessDetails